.btnwarp{
	position: relative;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	border-radius: 50%;
}
.btnwarp-border{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	width:70%;
	height:70%;
	border:1rpx solid #000;
	border-radius: 50%;
}
.btnwarp-middle{
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	width:40%;
	height:40%;
	border:1rpx solid #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, .4)
}
.btnwarp-top,
.btnwarp-bot,
.btnwarp-left,
.btnwarp-right{
	position: absolute;
	width:15%;
	height:15%;
}
.btnwarp-top{
	top:0;
	left:50%;
	transform: translateX(-50%);
}
.btnwarp-bot{
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
.btnwarp-left{
	left:0;
	top:50%;
	transform: translateY(-50%);
}
.btnwarp-right{
	right:0;
	top:50%;
	transform: translateY(-50%);
}
.btnwarp-icon{
	width:100%;
	height:100%;
	touch-action: none;
	-webkit-touch-callout: none;
	// -webkit-touch-callout: default;
	-ms-touch-callout: none;
	-moz-touch-callout: none;
}